<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>颜色</title>
</head>
<style>

	div{
		width: 200px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		margin: 20px 30px;
		float: left;
	}
</style>
<body>
<div style="width: 100%;height: 100%;background-color: #f2f2f2">
	<div style="background-color: #1e89e0">
		导航蓝	#1e89e0
	</div>
	<div style="background-color: #006bc7">
		导航深蓝 	#006bc7
	</div>
	<div style="background-color: #23c0fa">
		按钮背景色   #23c0fa
	</div>
	<div style="background-color: #58B7FF">
		#58B7FF
	</div>
	<div style="background-color: #20A0FF">
		#20A0FF
	</div>
	<div style="background-color: #1D8CE0">
		#1D8CE0
	</div>
	<div style="background-color: #13CE66">
		#13CE66
	</div>
	<div style="background-color: #F7BA2A">
		#F7BA2A
	</div>
	<div style="background-color: #FF4949">
		#FF4949
	</div>
	<div style="background-color: #1F2D3D">
		#1F2D3D
	</div>
	<div style="background-color: #324057">
		Light Black #324057
	</div>
	<div style="background-color: #475669">
		 #475669
	</div>

	<div style="background-color: #8492A6">
		 #8492A6
	</div>
	<div style="background-color: #99A9BF">
		#99A9BF
	</div>
	<div style="background-color: #C0CCDA">
		#C0CCDA
	</div>
	<div style="background-color: #D3DCE6">
		#D3DCE6
	</div>
	<div style="background-color: #E5E9F2">
		#E5E9F2
	</div>
	<div style="background-color: #EFF2F7">
		#EFF2F7
	</div>
	<div style="background-color: #F9FAFC">
		#F9FAFC
	</div>
	<div style="background-color: #FFF">
		#FFF
	</div>
	<div style="background-color: #009688">
		#009688
	</div>
	<div style="background-color: #5FB878">
		#5FB878
	</div>
	<div style="background-color: #393D49">
		#393D49
	</div>
	<div style="background-color: #1E9FFF">
		#1E9FFF
	</div>
	<div style="background-color: #F7B824">
		#F7B824
	</div>
	<div style="background-color: #FF5722">
		#FF5722
	</div>
	<div style="background-color: #01AAED">
		#01AAED
	</div>
	<div style="background-color: #2F4056">
		#2F4056
	</div>
</div>
	
	
	
</body>
</html>